<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
  "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html>
	<head>
		 <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<title>Archivador temporal para compartir archivos</title>
		<link rel="stylesheet" href="../static/base.css" type="text/css" />

	</head>
	<body>

		<h1>"El botadero"</h1>
		<div class="qu">
			Un sitio <b>público</b> para compartir archivos	
		</div>
		
	<!-- Subida de archivos -->		
	<div class="nota">
		<form method="post" id="upload_file" action="upload_file" enctype="multipart/form-data">			
			<input type="file" name="file"/>
			<input type="submit", class="btn", value="Compartir archivo"/>
				<p>Los archivos se eliminan después de {{ borrar_1 }} a {{ borrar_2 }} días, dependiendo su tamaño
					 <a href="info" >¿por qué? </a>
				 </p>
		</form>	
	</div>	
		
	<!-- Estadisticas generales -->
	Disponibles {{ esp_disp }} MB (<b>{{ p_disp }} %</b>) Total de <b>{{ num_arch }}</b> archivos
	<!-- Listado de Archivos -->	
	<table id="lista_archivos">
		<tr>
			<td class="nombres">ARCHIVOS COMPARTIDOS</td>	
			<td class="tam">TAMAÑO</td>
			<td class="dias_restantes">Días para borrado</td>
		</tr>
		{% for reg_arch in lista_archivos|reverse %}
		<tr>
			<td class="nombres"><a href="{{ reg_arch[0] }}/{{ reg_arch[1] }}">{{ reg_arch[1] }}</a>
			<td class="tam"> {{ reg_arch[2] }} </td>
			<td class="dias_restantes">
			{% if reg_arch[3]|int >= 10 %}
				<span id="dias_muchos" > {{ reg_arch[3] }} </span>
			{% elif reg_arch[3]|int < 10 and reg_arch[3]|int > 3 %}
				<span id="dias_moderados" > {{ reg_arch[3] }} </span>
			{% elif reg_arch[3]|int <= 3 %}
				<span id="dias_pocos" > {{ reg_arch[3] }} </span>
			{% endif %}
			</td>
		</tr>
		{% endfor %}

	</table>
	<!-- Notas al pie -->
	<div class="nota">
	<p>Revisa las <a href="estadisticas" > estadisticas </a> de los archivos.
	</p>
	</div>
	
	<!-- Notas al pie -->
	<div class="qu">
		<p>"Compartir es bueno"</p>
		<p> <a href="https://notabug.org/r00thouse/botadero">Código fuente</a> de esta aplicación,
		ayuda a mejorarla.  </p>
	</div>
	</body>

</html>
